﻿
<!doctype html>
<html class="no-js" lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>四川智绘地理信息科技有限公司</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link href="~/lib/amazeui/css/amazeui.min.css" rel="stylesheet" />
    <link href="~/areas/client/css/style.css" rel="stylesheet" />
    <link href="~/areas/client/css/popup.css" rel="stylesheet" />
</head>
<body>
    @*头部*@
    <header class="m-hd">
        <div class="am-sticky-placeholder" style="margin: 0px; ">
            <section data-am-sticky="" class="am-show-md-up" style="margin: 0px;">
                <div class="am-container">
                    <a href="/" rel="nofollow" class="m-logo"><i class="am-icon-spinner"></i></a>
                    <nav>
                        <ul class="m-nav am-nav am-nav-pills am-fr">
                            <li><a href="/" rel="nofollow">首页</a></li>
                            <li class="am-dropdown" data-am-dropdown="" style="margin-left: 30px;">
                                <a href="/anli.html" rel="nofollow" class="am-dropdown-toggle" data-am-dropdown-toggle="">产品与服务 <span class="am-icon-caret-down"></span></a>
                                <ul class="am-dropdown-content">
                                    <li><a href="/wangzhan.html" rel="nofollow">网站建设</a></li>
                                    <li><a href="" rel="nofollow">平面设计</a></li>
                                    <li><a href="" rel="nofollow">营销策划</a></li>
                                    <li><a href="" rel="nofollow">广告拍摄</a></li>
                                    <li><a href="" rel="nofollow">电商设计</a></li>
                                    <li><a href="" rel="nofollow">品牌策划</a></li>
                                </ul>
                            </li>
                            <li><a href="/fuwu.html" rel="nofollow" style="margin-left: 30px;">地图大数据研究院</a></li>
                            <li><a href="/zixun.html" rel="nofollow" style="margin-left: 30px;">项目案例</a></li>
                            <li><a href="/about.html" rel="nofollow" style="margin-left: 30px;">新闻中心</a></li>
                            <li><a href="/contact.html" rel="nofollow" style="margin-left: 30px;">关于我们</a></li>
                            <li><a href="/contact.html" rel="nofollow" style="margin-left: 30px;">联系我们</a></li>
                        </ul>
                    </nav>
                </div>
            </section>
        </div>
        <nav data-am-widget="header" class="am-header am-show-sm-only am-no-layout">
            <div class="am-header-left am-header-nav">
                <a href="/" rel="nofollow">
                    <i class="am-header-icon am-icon-home"></i>首页
                </a>
            </div>
            <h1 class="am-header-title">
                <a href="/" class="m-logo" rel="nofollow"><i></i>1</a>
            </h1>
            <div class="am-header-right am-header-nav">
                <a href="#right-link" class="" data-am-offcanvas="{target: '#r-nav'}">
                    <i class="am-header-icon am-icon-bars"></i>菜单
                </a>
            </div>
        </nav>

        <!-- 侧边栏内容 -->
        <div id="r-nav" class="am-offcanvas" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
            <div class="am-offcanvas-bar am-offcanvas-bar-flip am-offcanvas-bar-overlay">
                <nav class="am-offcanvas-content">
                    <a href="/" rel="nofollow"><span class="logo"></span></a>
                    <p><i class="am-icon-home"></i> <a href="/" rel="nofollow">网站首页</a></p>
                    <p><i class="am-icon-desktop"></i> <a href="/anli.html" rel="nofollow">产品与服务</a></p>
                    <p><i class="am-icon-cogs"></i> <a href="/fuwu.html" rel="nofollow">地图大数据研究院</a></p>
                    <p><i class="am-icon-credit-card"></i> <a href="/zixun.html" rel="nofollow">项目案例</a></p>
                    <p><i class="am-icon-user"></i> <a href="/about.html" rel="nofollow">新闻中心</a></p>
                    <p><i class="am-icon-user"></i> <a href="/about.html" rel="nofollow">关于我们</a></p>
                    <p><i class="am-icon-qq"></i> <a href="/contact.html" rel="nofollow">联系我们</a></p>
                </nav>
            </div>
        </div>

    </header>
    @*背景panner图*@
    <div data-am-widget="slider" class="am-slider am-slider-i2 am-no-layout" data-am-flexslider="{controlNav:false}">
        <div class="am-viewport" style="overflow: hidden; position: relative;">
            <ul class="am-slides" style="width: 600%; transition-duration: 0s; transform: translate3d(-1498px, 0px, 0px);background-color:black;">
                <li class="am-slider-images clone" style="background-image: url(&quot;/areas/client/images/home_banner.png&quot;);width: -1498px;float:left;display: block;" aria-hidden="true">
                    <div class="am-container am-slider-desc">
                        <div class="am-slider-content">
                            <h3 class="am-slider-title ">大数据工程</h3>
                            <h2>人工智能与生活生态的结合</h2>
                            <p>节约成本 / 提升效率 / 决策与分析 / 互通有无</p>
                        </div>
                    </div>
                    <div class="am-container  am-slider-panner">
                        <div class="film_focus" id="film_focus">
                            <div class="film_focus_desc" id="film_focus_desc">
                                <ul class="film_focus_nav" id="film_focus_nav">
                                    <li class="cur">
                                        <div>
                                            <img class="small_img" src="~/areas/client/images/panner1.png" />
                                            <div class="big_img">
                                                <h4>智慧园区：</h4>
                                                <p>
                                                园区实景三维数据为载体，实现园区空间 多层次可视化管理
                                                </p>
                                            </div>
                                        </div>
                                        <span>
                                            <img src="~/areas/client/images/panner1.png" />
                                        </span>
                                    </li>
                                    <li>
                                        <div>
                                            <img class="small_img" src="~/areas/client/images/panner2.png" />
                                            <div class="big_img">
                                                <h4>智慧城市：</h4>
                                                <p>
                                                    园区实景三维数据为载体实现园区空间智慧城市智慧城市智慧城市
                                                </p>
                                            </div>
                                        </div>
                                    <span>
                                        <img src="~/areas/client/images/panner2.png" /></span>
                                    </li>
                                    <li>
                                        <div>
                                            <img class="small_img" src="~/areas/client/images/panner3.png" />
                                            <div class="big_img">
                                                <h4>预警系统：</h4>
                                                <p>
                                                    园区实景三维数据为载体实现园区空间智慧城市智慧城市智慧城市预警系统
                                                </p>
                                            </div>
                                        </div>
                                    <span>
                                        <img src="~/areas/client/images/panner3.png" />
                                    </span> 
                                    </li>
                                    @*<li><img src="~/areas/client/images/big.jpg" /></li>*@
                                </ul>
                            </div>
                        </div>
                        <div style="background-image: url('/areas/client/images/qr_code.png');width:90px;height:90px;float:right;margin-right:52px;margin-top:5px;">
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <div class="m-services m-home-box">
        <section class="am-container">
        </section>
    </div>
    <div class="am-container m-home-box">
        <hgroup data-am-scrollspy="{animation:'slide-bottom', delay: 100}">
            <h2>案例展示</h2>
            <p>多终端一体化创新设计解决方案响应式自适应设计。</p>
        </hgroup>
        <section class="m-case-list">
            <ul class="am-avg-sm-1 am-avg-md-3 am-avg-lg-3 am-thumbnails"></ul>
        </section>
    </div>
    <hr>
    <footer class="m-footer">
        <div class="am-container">
            <section class="am-g m-footer-container">
                <section class="am-u-sm-12 am-u-md-12 am-u-lg-6">
                    <h2>关于我们</h2>
                    <p>某某网络成立于2010年，专注高端网站建设、视觉设计、平面设计、广告拍摄、产品摄影、营销策划和品牌网络推广为一体的创新高端公司，拥有超过8年行业经验的资深团队及设计、开发、摄影、营销、开发经验，强悍创新的视觉执行力<a href="/about.html" rel="nofollow">更多</a></p>
                </section>
                <section class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                    <h2>最新资讯</h2>
                    <ul>
                        <li><time class="am-fr">90次阅读</time><a href="/post/151">台山社保局</a></li>
                        <li><time class="am-fr">67次阅读</time><a href="/post/150">江门市外海小学</a></li>
                        <li><time class="am-fr">72次阅读</time><a href="/post/148">恩城三小</a></li>
                    </ul>
                </section>
                <section class="am-u-sm-12 am-u-md-6 am-u-lg-3 subnav">
                    <h2>其他</h2>
                    <a href="" rel="nofollow">网站欣赏</a> <a href="/sitemap.html">网站地图</a> <a href="" rel="nofollow">合作流程</a> <a href="" rel="nofollow">帮助中心</a> <a href="/contact.html" rel="nofollow">联系我们</a>
                </section>
            </section>
            <section class="m-footer-flink">
                <h2>友情链接</h2>
                <a href="http://www.enping.gov.cn/" target="_blank">恩平政府</a>
                <a href="http://www.enping.com.cn/" target="_blank">恩平信息网</a>
            </section>
        </div>
        <div class="m-footer-bottom">
            <div class="am-container">
                <div class="am-g">

                </div>
            </div>
        </div>
    </footer>

    <script src="~/lib/jquery/dist/jquery.js"></script>
    <script src="~/lib/amazeui/js/amazeui.min.js"></script>
    <script type="text/javascript">
        (function (A) {
            A.fn.th_video_focus = function (E) {
                var G = {
                    actClass: "cur",
                    animTime: 600,
                    delayTime: 5000
                };
                if (E) {
                    A.extend(G, E)
                }
                var C = G.actClass,
                    D = G.navContainerClass,
                    B = G.focusContainerClass,
                    F = G.animTime,
                    H = G.delayTime,
                    I = null;

                return this.each(function () {
                    var O = A(this), M = A(D + " li", O), P = A(B + " li", O), L = M.length, K = O.height();
                    function N(R) {
                        var V = K * R * -1;
                        var U = A(B + " li", O), W = null, T = null;
                        for (var S = 0; S <= R; S++) {
                            W = U.eq(S);
                            T = W.find('script[type="text/templ"]');
                            if (T.length > 0) {
                                W.html(T.html())
                            }
                        }
                        A(B, O).stop().animate({ top: V }, F, function () {
                            var Y = O.find("h3"), X = Y.height();
                            Y.height(0).html(A(B + " li").eq(R).find("img").attr("alt")).animate({ height: X }, 600)
                        });
                        A(D + " li").eq(R).addClass(C).siblings().removeClass(C)
                    }

                    function Q() {
                        if (I) {
                            clearInterval(I)
                        }
                        I = setInterval(function () {
                            var R = A(D + " li." + C).index();
                            N((R + 1) % L)
                        }, H)
                    }

                    O.hover(function () {
                        if (I) {
                            clearInterval(I)
                        }
                    }, function () {
                        Q()
                    });

                    var J = null;

                    M.hover(function () {

                        var R = A(this).index();

                        if (I) {
                            clearInterval(I)
                        }
                        J = setTimeout(function () {
                            N(R)
                        }, 300)
                    }, function () {
                        if (J) {
                            clearTimeout(J)
                        }
                        Q();
                    }).click(function (T) {


                        var R = A(this).index(), S = P.eq(R).find("a");
                        if (document.uniqueID || window.opera) {
                            S[0].click();
                            T.stopPropagation();
                            T.preventDefault()
                        }
                    });
                    Q();

                })
            }
        })(jQuery);

        $(function () {
            $("#film_focus").th_video_focus({
                navContainerClass: "#film_focus_nav",
                focusContainerClass: "#film_focus_imgs",
                delayTime: 5000
            });
        });
    </script>

</body>
</html>